{extend name="public:layout" /}

{block name="title"}首页{/block}

{block name="head"}
<link rel="stylesheet" href="/public/home/plugins/amazeui/css/index.css">
<style>
    .am-navbar{
        position: fixed;
        left: 0;
        bottom: -11px;
        width: 100%;
        height: 49px;
        line-height: 49px;
        z-index: 1010;
    }
    .am-tabs-default .am-tabs-nav>.am-active a{
        background: #ED7745;
        color: #544B42;
    }
    .am-tabs-default .am-tabs-nav {
        line-height: 40px;
        background-color: #fff;
        margin-top: 20px;
    }
</style>

{/block}

{block name="body"}
<header data-am-widget="header"
        class="am-header am-header-default" style="background: #fff;box-shadow:0px -13px 26px -2px; ">
    <div class="am-header-left am-header-nav" onclick="history.back(-1)">
        <span class="icon iconfont icon-xiangzuojiantou" style="color: #424242;font-size: 20px;"></span>
    </div>
    <h1 class="am-header-title" style="color:#424242;">
        客户信息
    </h1>
</header>
<body>
<div class="am-container" style="background: #fff;">
    <div class="am-u-sm-12" style="margin: 20px 0;padding: 0; ">
        <h2 style="padding-bottom: 10px;margin: 0;text-align: center; ">合同信息</h2>
        <div class="am-form-group" style="padding-left: 10px;border: 1px solid #eeeeee;text-align: center;margin: 0px;height: 40px;line-height: 40px;">
            <span  class="am-u-sm-3" style="float: left;padding: 0px;font-size: 16px;">合同编号</span>
            <div class="am-u-sm-9"><input type="text" class="" placeholder="请输入合同编号" style="float: left;margin: 8px 0;color: #ed7745;border: none;margin-bottom:6px;padding-left: 20px;text-align: left;"/></div>
        </div>
        <div style="clear: both;"></div>
        <div class="am-form-group" style="padding-left: 10px;border: 1px solid #eeeeee;text-align: center;margin: 0px;height: 40px;line-height: 40px;margin-top: 10px;">
            <span  class="am-u-sm-3" style="float: left;padding: 0px;font-size: 16px;">订单明细</span>
            <div class="am-u-sm-9">
                <input type="text" class="" placeholder="请添加订单明细" style=" width:100%; color: #ed7745;border: none;margin-bottom:6px;padding-left: 20px;text-align: left;"/>
            </div>
        </div>
        <div style="clear: both;"></div>
        <div class="am-form-group" style="padding-left: 10px;border: 1px solid #eeeeee;text-align: center;margin: 0px;height: 40px;line-height: 40px;margin-top: 10px;">
            <span  class="am-u-sm-3" style="float: left;padding: 0px;font-size: 16px;">甲方</span>
            <div class="am-u-sm-9">
                <input type="text" class="" placeholder="请输入姓名" style=" width:100%;color: #ed7745;border: none;margin-bottom:6px;padding-left: 20px;text-align: left;"/>
            </div>
        </div>
        <div style="clear: both;"></div>
        <div class="am-form-group" style="padding-left: 10px;border: 1px solid #eeeeee;text-align: center;margin: 0px;height: 40px;line-height: 40px;margin-top: 10px;">
            <span  class="am-u-sm-3" style="float: left;padding: 0px;font-size: 16px;">甲方</span>
            <div class="am-u-sm-9">
                <input type="text" class="" placeholder="请输入姓名" style=" width:100%; color: #ed7745;border: none;margin-bottom:6px;padding-left: 20px;text-align: left;"/>
            </div>
        </div>
        <div style="clear: both;"></div>
        <div class="am-form-group" style="padding-left: 10px;border: 1px solid #eeeeee;text-align: center;margin: 0px;height: 40px;line-height: 40px;margin-top: 10px;">
            <span  class="am-u-sm-3" style="float: left;padding: 0px;font-size: 16px;">定金</span>
            <div class="am-u-sm-9">
                <input type="text" class="" placeholder="请输入定金" style=" width:100%; color: #ed7745;border: none;margin-bottom:6px;padding-left: 20px;text-align: left;"/>
            </div>
        </div>
        <div style="clear: both;"></div>
        <div class="am-form-group" style="padding-left: 10px;border: 1px solid #eeeeee;text-align: center;margin: 0px;height: 40px;line-height: 40px;margin-top: 10px;">
            <span  class="am-u-sm-3" style="float: left;padding: 0px;font-size: 16px;">金额</span>
            <div class="am-u-sm-9">
                <input type="text" class="" placeholder="合同金额" style=" width:100%; color: #ed7745;border: none;margin-bottom:6px;padding-left: 20px;text-align: left;"/>
            </div>
        </div>
        <div style="clear: both;"></div>
        <div class="am-form-group" style="padding-left: 10px;border: 1px solid #eeeeee;text-align: left;margin: 0px;height: 40px;line-height: 40px;margin-top: 10px;">
            <span  class="am-u-sm-3" style="float: left;padding: 0px;font-size: 16px;">结束</span>
            <div class="am-u-sm-9">
                <input type="text" class="am-form-field" placeholder="日历组件" data-am-datepicker="{theme: 'success'}" readonly style="background: #fff;border: 0;"/>
            </div>
        </div>
        <div style="clear: both;"></div>
        <div class="am-form-group" style="text-align: left;margin: 0px;line-height: 40px;margin-top: 10px;">
            <textarea class="" rows="5" id="doc-ta-1" placeholder="工作描述"style="padding: 10px;width: 100%;border: 1px solid #eee;"></textarea>
        </div>
        <div style="clear: both;"></div>
        <div style="text-align: left;margin: 0px;margin-top: 10px;">
            <ul class="am-avg-sm-4 boxes">
                <li class="box box-1" style="height: 95px;padding: 5px; background-color: #eee;">1</li>
                <li class="box box-2" style="height: 95px;padding: 5px; background-color: #eee;">2</li>
                <li class="box box-3" style="height: 95px; padding: 5px;background-color: #eee;">3</li>
                <li class="box box-4" style="height: 95px; padding: 5px;background-color: #eee;">4</li>
                <li class="box box-5" style="height: 95px; padding: 5px;background-color: #eee;">5</li>
                <li class="box box-6" style="height: 95px;padding: 5px; background-color: #eee;">6</li>
                <li class="box box-7" style="height: 95px;padding: 5px; background-color: #eee;">7</li>
                <li class="box box-8" style="height: 95px; padding: 5px;background-color: #eee;">8</li>
                <li class="box box-9" style="height: 95px;padding: 5px; background-color: #eee;">9</li>
                <li class="box box-10" style="height: 95px; padding: 5px; background-color: #eee;">10</li>
                <li class="box box-11" style="height: 95px;padding: 5px; background-color: #eee;">11</li>
                <li class="box box-12" style="height: 95px; padding: 5px; background-color: #eee;">12</li>
            </ul>
        </div>
        <div class="am-u-sm-12" style="margin-top: 10px; padding: 0;">
            <div class="am-form-group" style="border: 1px solid #eeeeee;text-align: center;margin: 0px;height: 40px;line-height: 40px;">
                <span  class="am-u-sm-3" style="float: left;padding: 0px;font-size: 16px;">付款方式</span>
                <div class="am-u-sm-9">
                    <select id="doc-select-1-1" required style=" width:100%;color: #ed7745;border: none;margin-bottom:6px;padding-left: 20px;text-align: right;">
                        <option value="">微信</option>
                        <option value="option1">支付宝</option>
                    </select>
                </div>
                <span class="am-form-caret"></span>
            </div>
        </div>
        <div style="clear: both;"></div>
        <div class="am-form-group" style="text-align: left;margin: 0px;line-height: 40px;margin-top: 10px;">
            <textarea class="" rows="5" id="doc-ta-1" placeholder="工作描述"style="padding: 10px;width: 100%;border: 1px solid #eee;"></textarea>
        </div>
    </div>
</div>
{/block}

{block name="script"}



{/block}